<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
  <script>
  // Array.from() 将伪数组转为真数组
  // console.log(Array.from(document.querySelectorAll('li')));
  // 可以批量生成一些测试数据配合 +  new Array()
  const arr = [10] // 数组长度为一的数组 10
  const arr2 = new Array(10) // 数组长度为10的数组  数组元素都是empty
  // new Array(一个数字) 得到一个对应数字长度的数组
  console.log(arr);
  console.log(arr2);

  console.log('-----------------');
  // Array.from(new Array(10), 函数类似于map方法)
 const res = Array.from(new Array(11), (item, index)=> {
    // return {name: 'zs'+index}
    return index + 2021 - 5
  })
  console.log(res);
  </script>
</body>
</html>